﻿(function ($) {
    $.fn.extend({
        switchImg: function (options) {
            var defaults = {
                targetImg: null
            };
            var options = $.extend(defaults, options);
            $(this).each(function () {
                var o = options;
                var si = $(this);
                si.targetImg = o.targetImg;
                if (si.targetImg.length == 0) return;
                si.thumbs = si.find('a');
                si.thumbs.click(function (e) { 
                    e.preventDefault();
                    if ($(this).hasClass("actived")) {
                        return;
                    }
                    var src = $(this).attr("href");
                    si.thumbs.removeClass("actived");
                    $(this).addClass("actived");
                    si.targetImg.animate({ opacity: 0 }, 400, function () {
                        $(this).attr("src", src);
                        $(this).animate({ opacity: 1.0 }, 400, function () { });
                    });
                });
            })
        }
    });
})(jQuery);